<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ include file="/common/include.jsp"%>
<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
<!--[if !IE]><!-->
<html lang="en">
<!--<![endif]-->
<!-- BEGIN HEAD -->
<head>
<title>菜单管理</title>
<!-- BEGIN PAGE LEVEL STYLES -->
<link rel="stylesheet" type="text/css"
	href="static/assets/global/plugins/jstree/dist/themes/default/style.min.css" />
<link rel="stylesheet" type="text/css"
	href="static/assets/global/plugins/select2/select2.css" />
<link rel="stylesheet" type="text/css"
	href="static/assets/global/plugins/datatables/plugins/bootstrap/dataTables.bootstrap.css" />
<!-- fontIconPicker 核心样式 -->
<link rel="stylesheet" type="text/css" href="<%=basePath%>static/plugs/fontIconPicker/css/jquery.fonticonpicker.min.css" /> 
<!-- 默认主题，必须引入 -->
<link rel="stylesheet" type="text/css" href="<%=basePath%>static/plugs/fontIconPicker/themes/grey-theme/jquery.fonticonpicker.grey.min.css" /> 
<!-- 字体-->
<link rel="stylesheet" type="text/css" href="<%=basePath%>static/plugs/fontIconPicker/themes/bootstrap-theme/jquery.fonticonpicker.bootstrap.min.css" />

<!-- END PAGE LEVEL STYLES -->
</head>
<body>
	<!-- BEGIN PAGE HEADER-->
	<h3 class="page-title">
		<i class="fa fa-sitemap"></i> 菜单 <small>管理</small>
	</h3>
	<div class="page-bar">
		<ul class="page-breadcrumb">
			<li><i class="fa fa-home"></i> <a href="index.shtml">首页</a> <i
				class="fa fa-angle-right"></i></li>
			<li><a href="#">系统管理</a> <i class="fa fa-angle-right"></i></li>
			<li><a href="#">菜单管理</a></li>
		</ul>
		<div class="page-toolbar"></div>
	</div>

	<div class="row">
		<div class="col-md-12">
			<!-- BEGIN EXAMPLE TABLE PORTLET-->
				<!-- 自定义对话框-新增菜单-->
				<div class="portlet box grey-cascade ">
				<div class="portlet-title">
										<div class="caption">
											<i class="fa fa-gift"></i>修改菜单
										</div>
										<div class="tools">
											<a href="javascript:;" class="collapse" data-original-title="" title="">
											</a>
											<a href="#portlet-config" data-toggle="modal" class="config" data-original-title="" title="">
											</a>
											<a href="javascript:;" class="reload" data-original-title="" title="">
											</a>
											<a href="javascript:;" class="remove" data-original-title="" title="">
											</a>
										</div>
				 </div>
					  <div class="portlet-body form">
					   <form role="form" class="form-horizontal" id="updForm" name="form">
					   <input type="hidden" id="id" name="id" value="${updateInfo.id}"/>
					   <div class="form-body ">
					<!-- 			has-success，has-warning，has-error -->
							       <div class="form-group ">
										<label class="col-md-4 control-label">菜单名称：</label>
										<div class="col-md-8">
											<div class="input-icon right">
												<input type="text" id="name" name="name" value="${updateInfo.name}"  class="form-control" placeholder="Default Input">
											</div>
										</div>
									</div>
									<div class="form-group">
										<label class="col-md-4 control-label">父节点名称：</label>
										<div class="col-md-8">
											<div class="input-icon right">
											<input type="text" id="parentId" name="parentId" class="form-control" readonly value="${updateInfo.parentId}">
											</div>
										</div>
									</div>
									<div class="form-group ">
										<label class="col-md-4 control-label">菜单权限：</label>
										<div class="col-md-8">
											<div class="input-icon right">
												<input type="text" id="permission"  name="permission" value="${updateInfo.permission}"   class="form-control" placeholder="Default Input">
											</div>
										</div>
									</div>
									<div class="form-group ">
										<label class="col-md-4 control-label">菜单路径：</label>
										<div class="col-md-8">
											<div class="input-icon right">
												<input type="text" id="href" name="href"  value="${updateInfo.href}"   class="form-control" placeholder="Default Input">
											</div>
										</div>
									</div>
										<div class="form-group ">
										<label class="col-md-4 control-label">菜单图标：</label>
										<div class="col-md-8">
											<div class="input-icon right">
												<div class="input-group" style="width: 325px">
										<input type="text" class="fa fa-picture-o"  id="icon"   name="icon" value="${updateInfo.icon}"  >
												</div>
							 			</div>
										</div>
									</div>
									<div class="form-group ">
										<label class="col-md-4 control-label">优先级：</label>
										<div class="col-md-8">
									    <div id="spinner">
												<div class="input-group" style="width:150px;">
													<div class="spinner-buttons input-group-btn">
														<button type="button" class="btn spinner-up blue">
														<i class="fa fa-plus"></i>
														</button>
													</div>
													<input type="text" class="spinner-input form-control" id="sort" value="${updateInfo.sort}"  maxlength="3" >
													<div class="spinner-buttons input-group-btn">
														<button type="button" class="btn spinner-down red">
														<i class="fa fa-minus"></i>
														</button>
													</div>
												</div>
											</div>
										</div>
									</div>
									
								<div class="form-actions">
												<div class="row">
													<div class="col-md-offset-3 col-md-9">
													     <a href="script:void(0);" class="btn red" onclick="updateMenu();">
															<i class="fa fa-edit"></i>
															保存</a>
			 										     <a href="script:void(0);" class="btn grey-cascade">
															取消 <i class="fa fa-link"></i>
															</a>
													</div>
												</div>
								 </div>
								</div>
									</form>
					 </div>
					 </div>
			<!-- END EXAMPLE TABLE PORTLET-->
		</div>
	</div>
	<subPageJs> <!-- BEGIN PAGE LEVEL PLUGINS --> <script
		src="static/assets/global/plugins/jstree/dist/jstree.min.js"></script>
	<script src="static/assets/admin/pages/scripts/ui-tree.js"></script> <script
		type="text/javascript"
		src="static/assets/global/plugins/select2/select2.min.js"></script> <script
		type="text/javascript"
		src="static/assets/global/plugins/datatables/media/js/jquery.dataTables.min.js"></script>
	<script type="text/javascript"
		src="static/assets/global/plugins/datatables/plugins/bootstrap/dataTables.bootstrap.js"></script>
	<script type="text/javascript" src="static/assets/global/plugins/fuelux/js/spinner.min.js"></script>
	<script type="text/javascript" src="<%=basePath%>static/plugs/fontIconPicker/jquery.fonticonpicker.min.js"></script>
	<!-- END PAGE LEVEL PLUGINS -->
	 <script type="text/javascript"  src="static/js/sys/menu/update.js"></script>
	 </subPageJs>
</body>
<!-- END BODY -->
</html>